<template>
	<view class="index">
		<sww-swipe :list='swipeList'></sww-swipe>
		<view class="content-pkID">
			<view class="box">
				<view class="name u-line-2" style="padding-bottom: 0rpx;">{{dataForm.name}}</view>
				<view class="num-box">
					<view class=" ">编号:{{dataForm.code}}</view>
					<view class="">票数:{{dataForm.num}}</view>
				</view>
			</view>
			<view class="box u-m-t-20">
				<view class="title-pkId">简介</view>
				<view class="parse_box u-p-t-20">
					<u-parse :html="dataForm.details || ''"></u-parse>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data(){
			return{
				dataForm:{},
				swipeList:[]
			}
		},
		onLoad(option){
			this.initPage(option.id)
		},
		methods:{
			initPage(id){
				this.$GetQueryDataList('b_vote_info_player',1,1,{
					pk_id:id,
					fk_users_id:this.vuex_user.pk_id
				}).then(res=>{
					this.swipeList = res.data[0].img.split(',').map(item=>{
						return {
							img:item
						}
					})
					this.dataForm = res.data[0]
				})
			}
		}
	}
</script>
<style>
	page{
		background-color: #F5F5F5;
	}
</style>
<style lang="scss" scoped>
	.content-pkID {
		
		.box{
			width: 100%;
			background-color: #fff;
			padding: 30rpx;
		}
		.name {
			width: 100%;
			font-size: 40rpx;
		}
		.num-box{
			display: flex;
			align-items: center;
			justify-content: space-between;
			padding-top: 20rpx;
			font-size: 24rpx;
			color: #999;
		}
		.title-pkId {
			line-height: 40rpx;
			padding: 0 20rpx;
			border-left: 3px solid #31ACF2;
		}
		.parse_box{
			min-height: 400rpx;
		}
	}
</style>
